<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解除银行卡</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../css/commons.css" rel="stylesheet" />
    <link href="../css/mycard.css" rel="stylesheet" />
    <style>
        body, .mui-content{
            background: #fff;
        }
        .top-gray{
            width: 100%;
            height: 25px;
            background: #f8f8f8;
            margin: 0;
        }
        .card-box{
            margin-top: 0;
            background: #f8f8f8;
            width: 100%;
        }
        .card-box .name,.card-box .cardNum{
            padding-left: 24%;
        }
        .card-box img{
            left: 3%;
            width: 94%;
        }
        .detail-box{
            margin: 0;
            width: 100%;
            background: #fff;
        }
        .detail-box .detail-line{
            width: 94%;
            margin: 0 auto;
            height: 49px;
            line-height: 49px;
            border-bottom: 1px solid #ebeaea;
        }
        .detail-box .detail-line span:nth-child(1){
            padding-left: 15px;
            color: #878788;
            font-size: 15px;
        }
        .detail-box .detail-line span:nth-child(2){
            float: right;
            font-size: 14px;
            color: #878788;
            margin-right: 18px;
        }
        .delcard{
            width: 90%;
            height: 48px;
            border:1px solid #e7e7e7;
            line-height: 48px;
            font-size: 17px;
            text-decoration: underline;
            color: #e44840;
            border-radius: 3px;
            margin: 58px auto 0 auto;
            text-align: center;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">解除银行卡</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-10
    描述：头部结束，内容开始
-->
<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="margin-bottom: 50px">
    <div class="mui-content mui-clearfix" id="cardBox">
        <div class="top-gray"></div>
        <div class="card-box">
        <img src="" alt="银行卡" id="cardImg">
        <div class="name"></div>
        <div class="cardNum"></div>
        </div>
        <div class="detail-box">
            <div class="detail-line"><span>持卡人</span><span id="name"></span></div>
            <div class="detail-line"><span>开户支行</span><span id="zhihang"></span></div>
            <div class="detail-line"><span>银行卡号</span><span id="cardNum"></span></div>
            <div class="delcard">解除绑定</div>
        </div>
    </div>
</div>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/delcard.js"></script>
</body>
</html>